<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <meta name="viewport"
        content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0,minimal-ui" />
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <meta name="apple-mobile-web-app-status-bar-style" content="black" />
    <meta name="apple-mobile-web-app-title" content="仙王的日常">
    <meta name="format-detection" content="telphone=no, email=no" />
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="HandheldFriendly" content="true">
    <meta name="MobileOptimized" content="320">
    <meta http-equiv="Cache-Control" content="no-siteapp" />
    <meta name="screen-orientation" content="portrait">
    <meta name="browsermode" content="application">
    <meta name="full-screen" content="yes">
    <meta name="x5-orientation" content="portrait">
    <meta name="x5-fullscreen" content="true">
    <meta name="x5-page-mode" content="app">
    <title>我的家族</title>
    <link rel="stylesheet" type="text/css" href="../css/public.css" />
    <link rel="stylesheet" type="text/css" href="../css/Ifamily.css" />
</head>

<body>
    <div class="zone">
        <div class="main">
            <div class="info">
                <div class="flevel">
                    <img id="familLevel" src="" alt="">
                </div>
                <div class="fnum">
                    <p class="p1" id="famillevelIMG"></p>
                    <p class="p2">直推仙王:<span id="Directpush"></span></p>
                    <p class="p2">家族仙王:<span id="Familypush"></span></p>
                </div>
                <div class="up" id="upLevel">
                    <div class="border">晋升</div>
                </div>
            </div>

            <div id="tab-team" class="team tab-box">
                <div class="tab-option">
                    <li class="option-one option-active">
                        <span class="boder">仅注册好友</span>
                    </li>
                    <li class="option-two">
                        <span class="boder">有效好友</span>
                    </li>
                    <li class="option-three">
                        <span class="boder">仙王好友</span>
                    </li>
                    <li class="option-four">
                        <span class="boder">VIP好友</span>
                    </li>
                </div>
                <div class="tab-content">
                    <!-- 仅注册好友 -->
                    <div class="content content-show">
                        <div class="list" id="list-one">



                        </div>
                    </div>
                    <!-- 有效好友 -->
                    <div class="content">
                        <div class="list" id="list-two">



                        </div>
                    </div>
                    <!-- 仙王好友 -->
                    <div class="content">
                        <div class="list" id="list-three">

                        </div>
                    </div>
                    <!-- VIP好友 -->
                    <div class="content">
                        <div class="list" id="list-four">

                        </div>

                    </div>

                    <div id="tab-two" class="tab-box2">
                        <div class="tab-item">
                            <button class="option-direct active" id="directNum">直推(0)</button>
                            <button class="option-indirect" id="indirectNum">间推(0)</button>
                        </div>
                        <div class="scontent content-show2">
                            <div class="list2" id="direct">

                                <!-- <div class="jiav">
                                    <img class="toux" src="http://img.qunx.top/xianwang/public/avtar.jpg" alt="">
                                    <div class="jial">
                                        <p class="j1">小鸡炖蘑菇</p>
                                        <p class="j2">2023-02-28</p>
                                    </div>
                                    <div class="sale">
                                        <div class="salen">查看</div>
                                    </div>
                                </div> -->

                            </div>
                            <div class="more more-direct">加载更多</div>
                            <div class="unon" id="list-empty">
                                <p>暂无数据</p>
                            </div>
                        </div>
                        <div class="scontent">
                            <div class="list2" id="indirect">
                            </div>
                            <div class="more more-indirect">加载更多</div>
                            <div class="unon" id="list-empty2">
                                <p>暂无数据</p>
                            </div>
                        </div>
                    
                    </div>

                </div>
            </div>
        </div>

        <!-- 玩家信息弹框 -->
        <div class="modal modal-message" id="modal-message">
            <div class="modal-mask"></div>
            <div class="modal-bodyrule">
                <img class="close-img" id="close-message" src="http://img.qunx.top/xianwang/public/cha.png" alt="">
                <img class="header" id="header" src="" alt="">
                <p class="nickname">
                    <span id="nickname"></span>
                    <img id="vip" class="vip" src="http://img.qunx.top/xianwang/public/vip.png" alt="">
                </p>
                <div class="jaiiz">
                    <p class="familyLevel" id="familyLevel"></p>
                    <p class="familyLevel" id="myinfo" style="margin-left: 5px;"></p>
                </div>
                <div class="slink">
                    <img class="imgk" src="http://img.qunx.top/xianwang/public/id.png" alt="">
                    <p class="IDS" id="ID"></p>
                    <div class="copy">复制</div>
                </div>
                <div class="slink">
                    <img class="imgk" src="http://img.qunx.top/xianwang/public/weixin.png" alt="">
                    <p class="IDS" id="weixin"></p>
                    <div class="copy">复制</div>
                </div>
                <div class="slink">
                    <img class="imgk" src="http://img.qunx.top/xianwang/public/QQi.png" alt="">
                    <p class="IDS" id="QQ"></p>
                    <div class="copy">复制</div>
                </div>
            </div>
        </div>


        <!-- 恭喜您晋升 -->
        <div class="modal modal-promotion" id="modal-promotion">
            <div class="modal-mask"></div>
            <div class="modal-bodySuccess">
                <p class="ruletitle">恭喜您晋升</p>
                <div class="successbox">
                    <img id="familyimg" class="familyimg" src="" alt="">
                    <span class="s2" id="flevel"></span>
                </div>
                <div class="btn" id="confirm-promotion">确定</div>
            </div>
        </div>


        <!-- 不可晋升 -->
        <div class="modal modal-noUp" id="modal-noUp">
            <div class="modal-mask"></div>
            <div class="modal-bodyhuaru">
                <p class="slidetitle">不可晋升</p>
                <img class="slide-close" id="noUp-close" src="http://img.qunx.top/xianwang/home/cha.png" alt="">
                <p class="renzhenp">您还没有达到晋升条件</p>
                <p class="wanhc">完成以下所有任务即可晋升家族</p>
                <p class="wanhc" style="margin-top: 0;">满足条件后请及时点击晋升按钮晋升家族等级，推广奖励的灵石以当前家族等级发放，若满足晋升条件没有及时点击晋升从而造成灵石损失不补。
                </p>
                <div class="successbox2">
                    <div id="noUpList">

                        <!-- <div class="nobpx">
                            <div class="noleft">
                                <p class="n1">直推5名仙王</p>
                                <p class="n2">游戏充值98米即可自动成为VIP</p>
                            </div>
                            <button class="receive">
                                <span class="salen">去完成</span>
                            </button>
                        </div> -->



                    </div>
                </div>
            </div>
        </div>

    </div>
    <script src="../js/public.js" type="text/javascript" charset="utf-8"></script>
    <script src="../js/nav-bar.js" type="text/javascript" charset="utf-8"></script>
    <script src="../js/bar-tab.js" type="text/javascript" charset="utf-8"></script>
    <script src="../js/bar-tab2.js" type="text/javascript" charset="utf-8"></script>
    <script src="../js/Ifamily.js" type="text/javascript" charset="utf-8"></script>
</body>

</html>